<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/templateFormulario.xhtml">
	
	<ui:define name="formContent">
		<f:loadBundle basename="props.lenguajes.messages" var="msg"/>
		
		<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
		<p:watermark value="#{msg['message.devLlid.wmTitleFechaPre']}" for="fechaCalendar"/>
		<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>
		
		<p:dialog modal="true" widgetVar="statusDialog" header="#{registroSesionInfMB.statusTitle}"   
		        draggable="false" closable="false">  
		    <p:graphicImage value="../../resources/img/ajaxloadingbar.gif" />
		</p:dialog>
		<p:dialog header="#{msg['message.devLlid.confirmationDialog']}" widgetVar="dlgConfirmation" modal="true" height="110" closable="false" styleClass="centerContent" >  
		    <p:messages id="messages2" showDetail="true" autoUpdate="true" closable="true" />
	    	<p:commandButton id="btnContinue" value="#{msg['message.devLlid.actionBtnContinuar']}"
						action="#{registroSesionInfMB.continuar}"
						style="width:100%;" />
		</p:dialog>
		<p:dialog header="#{msg['message.devLlid.confirmationDialog']}" widgetVar="dlgConfirmCancel" modal="true" height="80" closable="false" styleClass="centerContent" >  
		    <p:messages id="messages3" showDetail="true" autoUpdate="true" closable="true" />
		    <h:panelGrid columns="2" styleClass="centerContent">
		    	<p:commandButton id="btnContinueCancel" value="#{msg['message.cancelMessage2']}"
							action="#{registroSesionInfMB.continueCancel}"/>
				<p:commandButton id="btnCancelCancel" value="#{msg['message.cancelMessage']}"
							action="#{registroSesionInfMB.cancelCancel}"/>
		    </h:panelGrid>
		</p:dialog>
		
		
		
		<p:panel header="#{msg['message.devLlid.fsTitlePreseleccion']}">
			<h:panelGrid columns="1">
				<h:panelGrid columns="3" style="font-weight:bold;">
					<p:outputLabel value="#{msg['message.devLlid.titleCandidato']}:"/>
					<p:inputText value="#{registroResultadoPreeseleccionMB.vistaNumeroControl}" id="ncInput" size="10" disabled="true" />
					<p:inputText value="#{registroResultadoPreeseleccionMB.vistaNombre}" id="nameInput" size="27" disabled="true"/>
				</h:panelGrid>
				
				<h:panelGrid columns="2" style="font-weight:bold;">
					<p:outputLabel value="#{msg['message.devLlid.titleFecha']}:"/>
					<p:calendar disabled="#{registroResultadoPreeseleccionMB.buttonGroup}" value="#{registroResultadoPreeseleccionMB.vistaFecha}" id="fechaCalendar" size="25">
						<p:ajax event="dateSelect" listener="#{registroResultadoPreeseleccionMB.handleDateSelect}" />
					</p:calendar>
				</h:panelGrid>
			</h:panelGrid> 
		</p:panel>
		
		<p:separator/>
		
		
		<p:panel header="#{msg['message.devLlid.fsTitleonservador']}">
			<h:panelGrid columns="2" style="width:100%;">
				
				<p:dataTable id="tableObservador" var="observador" value="#{registroResultadoPreeseleccionMB.observadores}" >  
			        <p:column headerText="#{msg['message.devLlid.tableTitlec1']}" width="8" style="text-align:center;">  
			            <h:outputText value="#{observador.indice}" />  
			        </p:column>  
			  
			        <p:column headerText="#{msg['message.devLlid.titleNctrl']}" width="20" style="text-align:center;">  
			            <h:outputText value="#{observador.numeroControl}" />  
			        </p:column>  
			  
			        <p:column headerText="#{msg['message.devLlid.titleNombre']}" width="50">
			            <h:outputText value="#{observador.nombre}" />  
			        </p:column>
			        
			        <f:facet name="footer">
			        	<p:selectCheckboxMenu disabled="#{registroResultadoPreeseleccionMB.buttonGroup}" id="sckOb" value="#{registroResultadoPreeseleccionMB.selectedObservadoresHM}"
								label="#{msg['message.devLlid.actionTitleAddObservador']}"
								filter="true"
								filterText="Filter"
								filterMatchMode="startsWith" panelStyle="width:300px">  
					        <f:selectItems value="#{registroResultadoPreeseleccionMB.observadoresHM}" />
					        <p:ajax listener="#{registroResultadoPreeseleccionMB.observadorTableUpdate}"></p:ajax>
					    </p:selectCheckboxMenu>
			        </f:facet>
			    </p:dataTable>
			    
			    
			    <p:dataTable id="tableAsesor" var="asesor" value="#{registroResultadoPreeseleccionMB.asesores}" >  
			        <p:column headerText="#{msg['message.devLlid.tableTitlec1']}" width="8" style="text-align:center;">  
			            <h:outputText value="#{asesor.indice}" />  
			        </p:column>  
			  
			        <p:column headerText="#{msg['message.devLlid.titleNctrl']}" width="20" style="text-align:center;">  
			            <h:outputText value="#{asesor.numeroControl}" />  
			        </p:column>  
			  
			        <p:column headerText="#{msg['message.devLlid.titleNombre']}" width="50">
			            <h:outputText value="#{asesor.nombre}" />  
			        </p:column>
			        
			        <f:facet name="footer">
			        	<ui:include src="../../resources/utilsTemplate/buscarNc.xhtml"/>
					    
			        </f:facet>
			    </p:dataTable>
		    </h:panelGrid>
		</p:panel>
		
		<p:fieldset legend="#{msg['message.devLlid.fsTitleonservador']}" toggleable="true">
			
			
		</p:fieldset>
		
		<h:panelGrid columns="2">
			
			<p:fieldset legend="#{msg['message.devLlid.fsTitleCandidatoStatus']}" style="height:155px;">
				<p:selectOneRadio disabled="#{registroResultadoPreeseleccionMB.buttonGroup}" id="options" value="#{registroResultadoPreeseleccionMB.radioOption}">
						<f:selectItem itemLabel="#{msg['message.devLlid.actionTitleAceptado']}" itemValue="1">
						</f:selectItem>  
		            	<f:selectItem itemLabel="#{msg['message.devLlid.actionTitleNoAceptado']}" itemValue="2"/>
		            	<p:ajax listener="#{registroResultadoPreeseleccionMB.selectRadio}" event="change"/>
		        </p:selectOneRadio>
			</p:fieldset>
			<p:fieldset legend="#{msg['message.devLlid.fsTitleSubirEvidencia']}" style="height:155px; width:490px;">
				<div align="center">
					<h:panelGrid columns="1">
						
						<h:panelGroup layout="block" style="text-align:center;">
							<p:commandButton id="ppsFUp" immediate="true" process="@this"
								value="#{msg['message.upload.adjuntarDoc']}"
								action="#{fileUploadVW.showDialog}">
							</p:commandButton>
						</h:panelGroup>
						
						<ui:include src="/plantilla/adjuntarDocumentos.xhtml"></ui:include>
					  	
						
					</h:panelGrid>
				</div>
			</p:fieldset>
		
		</h:panelGrid>
		
		<div id="mainFormBotones">
            <h:panelGrid id="pnlGridBotones" styleClass="centerContent">
				<ui:include src="/plantilla/botones.xhtml" />
            </h:panelGrid>
		</div>
	</ui:define>
</ui:composition>
